<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<title>后台管理 - 虎博鹰眼</title>
	<link href="https://lib.baomitu.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
	<link href="https://lib.baomitu.com/twitter-bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/materialdesignicons.min.css">
	<link rel="stylesheet" href="css/material-design-iconic-font.min.css">
	<link href="https://lib.baomitu.com/MaterialDesign-Webfont/4.3.95/css/materialdesignicons.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/pretty.min.css">
	<link rel="stylesheet" href="css/style.css?v=1.2">
</head>
<body>
<div class="page-wrap" >
<!-- 侧边栏 -->
	<div class="sidebar">
		<div class="logo"><img src="images/logo.jpg"/></div>
		<ul>
			<li>行情</li>
			<li class="on">搜索</li>
			<li>报告</li>
		</ul>
	</div>
<div class="w-content">
	<div class="header">
		<div class="search_input">
			<input type="text" id="i-advanced-search" placeholder="特斯拉">
			<i class="fa fa-search translateY" id="i-advanced-search-i"></i>
		</div>
		<div class="language_login">
			<ul class="language clearfix">
				<li class="jt fl"><a href="javascript:;" class="on">简体&nbsp;&nbsp;</a>|&nbsp;&nbsp;</li>
				<li class="en fl"><a href="javascript:;">EN</a></li>
			</ul>
			<ul class="login clearfix">
				<li class="zt fl"><a href="javascript:;" style="color: #ADADAD">登出</a></li>
				<li class="name fl">字</li>
			</ul>
		</div>
	</div>
	<div class="content_des">
		<div class="business re" id="business">
			<ul class="border" style="border-top: none!important;border-left: none!important;border-right: none!important;">
				<li><a href="#tab-1">研报</a></li>
				<li><a href="#tab-2">财报</a></li>
				<li><a href="#tab-3">公告</a></li>
			</ul>

			<div class="bd">
				<div class="ul1_li re" id="tab-1">
					<div class="fliter-wrap">
						<div class="ft-div">
							<input type="hidden" value="">
							<div class="title">时间：</div>
							<div class="ft-sj">不限时间</div>
							<ul class="ft-sj-down">
								<li class="_d" data-li="0">不限时间</li>
								<li class="_d" data-li="1">近一个月</li>
								<li class="_d" data-li="2">近三个月</li>
								<li class="_d" data-li="3">近半年</li>
								<li class="_d" data-li="4">近1年</li>
								<li class="_d" data-li="5">近5年</li>
							</ul>
						</div>
				
						<div class="ft-div">
							<input type="hidden" value="">
							<div class="title">排序：</div>
							<div class="ft-sj">不限时间</div>
							<ul class="ft-sj-down">
								<li class="_d" data-li="1">最新研报优先</li>
								<li class="_d" data-li="2">最相关结果优先</li>
								<li class="_d" data-li="3">页数升序</li>
								<li class="_d" data-li="4">页数降序</li>
							</ul>
						</div>
				
						<div class="ft-div">
							<input type="hidden" value="">
							<div class="title">页数：</div>
							<div class="ft-sj">不限页数</div>
							<ul class="ft-sj-down">
								<li class="_d" data-li="1">不限页数</li>
								<li class="_d" data-li="2">20页以上</li>
								<li class="_d" data-li="3">10-20页</li>
								<li class="_d" data-li="4">10页以内</li>
							</ul>
						</div>
				
						<div class="ft-div">
							<input type="hidden" value="">
							<div class="title">机构：</div>
							<div class="ft-sj">未选择</div>
							<div class="ft-sj-down tts">
								<dl>
									<dt>海外机构</dt>
									<dd>
										<div class="ch-all">
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 全选</label>
											</div>
										</div>
										<div class="all-list">
											<div class="pretty primary">
												<input type="checkbox" checked> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox" checked> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox" checked> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											
										</div>
				
									</dd>
								</dl>
				
								<dl>
									<dt>海外机构</dt>
									<dd>
										<div class="ch-all">
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 全选</label>
											</div>
										</div>
										<div class="all-list">
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											<div class="pretty primary">
												<input type="checkbox"> 
												<label><i class="mdi mdi-check"></i> 瑞士银行</label>
											</div>
											
										</div>
				
									</dd>
								</dl>
								<div class="dd-bottom">
									<button class="btn btn-primary">确定</button>
								</div>
							</div>
						</div>
				
						<div class="ft-div">
							<input type="hidden" value="">
							<div class="title">分析师：</div>
							<div class="ft-sj">不限页数</div>
							<ul class="ft-sj-down">
								<li class="_d" data-li="1">分析师1</li>
								<li class="_d" data-li="2">分析师2</li>
								<li class="_d" data-li="3">分析师3</li>
								<li class="_d" data-li="4">分析师4</li>
							</ul>
						</div>
					</div>
				
					<div class="w-c-list">
						<div class="list-item">
							<div class="l-item-txt">
								<h3>研报工商银行:优质龙头,不止于大</h3>
								<p class="desc"><span>图表22：</span><span>工商银行</span><span>业金融机构</span></p>
								<div class="des2"><span><img src="images/gs.png"></span><a href="###">广发证券</a> <a href="###">丨公司点评</a> 丨 <span class="times">2017-10-31</span> <span><img src="images/pdf.png"></span> <span><img src="images/wz.png"></span></div>
							</div>
							<div class="l-item-pic">
								<a href="###"><img src="images/pic1.jpg?v=1"></a>
							</div>
						</div>
						<div class="list-item">
							<div class="l-item-txt">
								<h3>国泰君安-工商银行（601398）：2018年一季报点评：拨备前利润较快增长</h3>
								<div class="des2"><a href="###">广发证券</a> <a href="###">丨公司点评</a> 丨 2017-10-31</div>
							</div>
							<div class="l-item-pic">
							</div>
						</div>
						<div class="list-item">
							<div class="l-item-txt">
								<h3>研报工商银行:优质龙头,不止于大</h3>
								<p class="desc"><span>图表22：</span><span>工商银行</span><span>业金融机构</span></p>
								<div class="des2"><span><img src="images/gs.png"></span><a href="###">广发证券</a> <a href="###">丨公司点评</a> 丨 <span class="times">2017-10-31</span> <span><img src="images/pdf.png"></span> <span><img src="images/wz.png"></span></div>
							</div>
							<div class="l-item-pic">
								<a href="###"><img src="images/pic1.jpg?v=1"></a>
							</div>
						</div>
						<div class="list-item">
							<div class="l-item-txt">
								<h3>研报工商银行:优质龙头,不止于大</h3>
								<p class="desc"><span>图表22：</span><span>工商银行</span><span>业金融机构</span></p>
								<div class="des2"><span><img src="images/gs.png"></span><a href="###">广发证券</a> <a href="###">丨公司点评</a> 丨 <span class="times">2017-10-31</span> <span><img src="images/pdf.png"></span> <span><img src="images/wz.png"></span></div>
							</div>
							<div class="l-item-pic">
								<a href="###"><img src="images/pic1.jpg?v=1"></a>
							</div>
						</div>
						<div class="list-item">
							<div class="l-item-txt">
								<h3>研报工商银行:优质龙头,不止于大</h3>
								<p class="desc"><span>图表22：</span><span>工商银行</span><span>业金融机构</span></p>
								<div class="des2"><span><img src="images/gs.png"></span><a href="###">广发证券</a> <a href="###">丨公司点评</a> 丨 <span class="times">2017-10-31</span> <span><img src="images/pdf.png"></span> <span><img src="images/wz.png"></span></div>
							</div>
							<div class="l-item-pic">
								<a href="###"><img src="images/pic1.jpg?v=1"></a>
							</div>
						</div>
						<div class="list-item">
							<div class="l-item-txt">
								<h3>研报工商银行:优质龙头,不止于大</h3>
								<p class="desc"><span>图表22：</span><span>工商银行</span><span>业金融机构</span></p>
								<div class="des2"><span><img src="images/gs.png"></span><a href="###">广发证券</a> <a href="###">丨公司点评</a> 丨 <span class="times">2017-10-31</span> <span><img src="images/pdf.png"></span> <span><img src="images/wz.png"></span></div>
							</div>
							<div class="l-item-pic">
								<a href="###"><img src="images/pic1.jpg?v=1"></a>
							</div>
						</div>
					</div>
					<div class="pageniton">
						<a href="###" class="disable"><i class="fa fa-angle-left" aria-hidden="true"></i></a>
						<a href="###">1</a>
						<a class="active" href="###">2</a>
						<a href="###">3</a>
						<a href="###">4</a>
						<span>...</span>
						<a href="###">12</a>
						<a class="disable" href="###"><i class="fa fa-angle-right" aria-hidden="true"></i></a>
				
					</div>
				
				</div>
				
				<div class="ul1_li re " id="tab-2">
					<div class="w-c-list">
						<div class="list-item">
							<div class="l-item-txt">
								<h3>研报工商银行:优质龙头,不止于大</h3>
								<p class="desc"><span>图表22：</span><span>工商银行</span><span>业金融机构</span></p>
								<div class="des2"><span><img src="images/gs.png"></span><a href="###">广发证券</a> <a href="###">丨公司点评</a> 丨 <span class="times">2017-10-31</span> <span><img src="images/pdf.png"></span> <span><img src="images/wz.png"></span></div>
							</div>
							<div class="l-item-pic">
								<a href="###"><img src="images/pic1.jpg?v=1"></a>
							</div>
						</div>
						<div class="list-item">
							<div class="l-item-txt">
								<h3>国泰君安-工商银行（601398）：2018年一季报点评：拨备前利润较快增长</h3>
								<div class="des2"><a href="###">广发证券</a> <a href="###">丨公司点评</a> 丨 2017-10-31</div>
							</div>
							<div class="l-item-pic">
							</div>
						</div>
						<div class="list-item">
							<div class="l-item-txt">
								<h3>研报工商银行:优质龙头,不止于大</h3>
								<p class="desc"><span>图表22：</span><span>工商银行</span><span>业金融机构</span></p>
								<div class="des2"><span><img src="images/gs.png"></span><a href="###">广发证券</a> <a href="###">丨公司点评</a> 丨 <span class="times">2017-10-31</span> <span><img src="images/pdf.png"></span> <span><img src="images/wz.png"></span></div>
							</div>
							<div class="l-item-pic">
								<a href="###"><img src="images/pic1.jpg?v=1"></a>
							</div>
						</div>
						<div class="list-item">
							<div class="l-item-txt">
								<h3>研报工商银行:优质龙头,不止于大</h3>
								<p class="desc"><span>图表22：</span><span>工商银行</span><span>业金融机构</span></p>
								<div class="des2"><span><img src="images/gs.png"></span><a href="###">广发证券</a> <a href="###">丨公司点评</a> 丨 <span class="times">2017-10-31</span> <span><img src="images/pdf.png"></span> <span><img src="images/wz.png"></span></div>
							</div>
							<div class="l-item-pic">
								<a href="###"><img src="images/pic1.jpg?v=1"></a>
							</div>
						</div>
						<div class="list-item">
							<div class="l-item-txt">
								<h3>研报工商银行:优质龙头,不止于大</h3>
								<p class="desc"><span>图表22：</span><span>工商银行</span><span>业金融机构</span></p>
								<div class="des2"><span><img src="images/gs.png"></span><a href="###">广发证券</a> <a href="###">丨公司点评</a> 丨 <span class="times">2017-10-31</span> <span><img src="images/pdf.png"></span> <span><img src="images/wz.png"></span></div>
							</div>
							<div class="l-item-pic">
								<a href="###"><img src="images/pic1.jpg?v=1"></a>
							</div>
						</div>
						<div class="list-item">
							<div class="l-item-txt">
								<h3>研报工商银行:优质龙头,不止于大</h3>
								<p class="desc"><span>图表22：</span><span>工商银行</span><span>业金融机构</span></p>
								<div class="des2"><span><img src="images/gs.png"></span><a href="###">广发证券</a> <a href="###">丨公司点评</a> 丨 <span class="times">2017-10-31</span> <span><img src="images/pdf.png"></span> <span><img src="images/wz.png"></span></div>
							</div>
							<div class="l-item-pic">
								<a href="###"><img src="images/pic1.jpg?v=1"></a>
							</div>
						</div>
					</div>
					<div class="pageniton">
						<a href="###" class="disable"><i class="fa fa-angle-left" aria-hidden="true"></i></a>
						<a href="###">1</a>
						<a class="active" href="###">2</a>
						<a href="###">3</a>
						<a href="###">4</a>
						<span>...</span>
						<a href="###">12</a>
						<a class="disable" href="###"><i class="fa fa-angle-right" aria-hidden="true"></i></a>
					
					</div>
				</div>
				
				<div class="ul1_li re" id="tab-3">
					这里是公告内容
				</div>
			</div>

		</div>
	</div>

	

	
</div>

</div>
<script src="https://lib.baomitu.com/jquery/2.2.0/jquery.min.js"></script>
<script src="https://lib.baomitu.com/jquery.tabslet.js/1.7.1/jquery.tabslet.min.js"></script>
<!-- <script src="js/jquery.tabslet.min.js"></script> -->
<script src="https://lib.baomitu.com/Swiper/4.5.0/js/swiper.min.js"></script>
<script>
$(function(){
	$(".ft-sj").click(function () {
	    // $(this).parent().parent().siblings().find(".select_textul").hide();
	    $(".ft-sj").removeClass("divfocus");
	    $(this).addClass("divfocus");
	    $(this).siblings(".ft-sj-down").slideToggle(100);
	    // var lilength = $(this).siblings(".ft-sj-down").find("li.focus").has(".select_second_ul").length;
	    // if (lilength > 0) {
	    //     $(this).siblings(".ft-sj-down").find("li.focus>.select_second_ul").show();
	    // } else {
	    //     $(".select_first_ul>li>p").css("width", "100%");
	    // }
	})

	chooseclick();

	function chooseclick() {
	    $(".ft-sj-down>li").click(function () {
	        var choose = $(this).text();
	        $(this).addClass("focusli").siblings("li").removeClass("focusli");
	        $(this).parents(".ft-div").find(".ft-sj").text(choose);
	        $(this).parents(".ft-div").find("input").val(choose);
	        $(this).parent().fadeOut(300);
	        event.stopPropagation();
	    });
	}

	$('#business').tabslet({
		container:'.bd'
	});

	



})




</script>
</body>
</html>